/* 周天气预报 */
.week-weather-box {
    height: 100%;
    border-radius: 5px;
    /* background-color: #fff; */
    width: 100%;
    color: #FFFFFF;
}

.week-weather-box .title {
    /* color: #3A475A; */
    letter-spacing: 0;
    font-weight: 600;
    margin: 5% 0 0 1vw;
}

/* 列表 */
.week-wrap {
    display: flex;
    padding: 1vw;
}

.week-wrap .item {
    width: 14.2%;
    height: 100%;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
}

.week-wrap .item:hover {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
}

.week-wrap .item span {
    /* color: #393F48; */
}

.week-wrap .item .date-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.week-wrap .item .date-box .dateFormat {
    font-size: 10px;
    /* color: #393F48; */
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.week-wrap .item .date-box .date {
    font-size: 10px;
    /* color: #88909D; */
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.week-wrap .item img {
    width: 60%;
    /* height: 20%; */
    aspect-ratio: 1 / 1;
    /* 设置宽高比 */

}

.week-wrap .item .weather {
    font-size: 10px;
    /* color: #393F48; */
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.week-wrap .item .temp {
    font-size: 10px;
    /* color: #393F48; */
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
}

.week-wrap .item .wind span {
    font-size: 10px;
    /* color: #676C74; */
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}


a {
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    border: 0px;
}

input {
    appearance: none;
    outline: none;
}

input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */

    color: #E6EBFF;

}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */

    color: #E6EBFF;

}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */

    color: #E6EBFF;

}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: #E6EBFF;

}

input::-ms-input-placeholder {
    /* Microsoft Edge */

    color: #E6EBFF;

}

/* 清除浮动，解决margin-top塌陷 */
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}